<template>
    

   <el-row  >
        <el-col :span="4">
            <span>欢迎加入虾皮星球></span>
        </el-col>
    </el-row>
    <el-row gutter="10" >
        <el-col :span="15" :offset="1">
            <Notice/>
        </el-col>
        <el-col :span="5" :push="2">
            <UserInfo/>
        </el-col>
    </el-row>
    <el-row gutter="5" align="middle" id="main-row">
        <el-col :span="15" :offset="1">
            <el-space direction="horizontal" fill wrap style="width: 100%">
                <p style="text-align: left;">每日精选</p>
                <TestTitle/>
                <el-pagination id="pag" background layout="prev, pager, next" :total="1000" />
            </el-space>
        </el-col>
        <el-col :span="5" :push="2">
            <Rankings/>
        </el-col>
    </el-row>
    
    
</template>

<script setup>
import Notice from "./MainView/Notice.vue";
import UserInfo from "./MainView/UserInfo.vue";
import TestTitle from "./MainView/Title.vue"
import Rankings from "./MainView/Rankings.vue"




</script>

<style>
    .el-col{
        margin-bottom: 2em;
        font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    }
    #pag{
        margin-top: 5px;
    }
    
    

</style>